<template>
	<div class="icon-container">
		<i
			class="iconfont"
			:class="`icon-${name}`"
			:style="{
                fontSize: size + 'rpx',
                color: color,
                fontWeight: weight
            }">
		</i>
	</div>
</template>
<script>

export default {
	name: 'myIcon',
	props: {
		name: {
			type: String,
			required: true
		},
		size: {
			type: [String, Number],
			default: 16
		},
		color: {
			type: String,
			default: '#000'
		},
		weight: {
			type: String,
			default: 'normal'
		}
	}
}
</script>

<style scoped lang="scss">
//@import '//at.alicdn.com/t/c/font_4597520_v1vc540e27m.css';
@import "/static/css/icon.css";
// @import url('https://at.alicdn.com/t/font_4597520_v1vc540e27m.css');
</style>
